$(document).ready(function(){
    init();

    function init() {
        getFilter();
        getSearch();
        getShopInfo();
        getShopArea();
        getProduct(0, 0);
    }

    var shopId = 0;
    var areaId = 0;
    var priceId = 0;
    //给筛选功能部分绑定事件
    function getFilter() {
        $(".filter li a").each(function(index){
            $(this).on("click",function(){
                //parents[expr]==>获取一个包含所有匹配元素的祖先元素的集合，可通过一个expr进行筛选
                //console.log($(this).parents(".list").find(".dropdown"));    //得到一个伪数组
                /*
                 *此步的实现思路：
                 * 1.先找到有".dropdown"的元素，得到的是一个伪数组，因此需要依次操作其中的每个元素（选用eq(index)方法）==>为得到index值，可利用点击对象的index值实现
                 * 2.确定if判断条件==>".filter>li"是否有class="on"属性
                 */
                if ($(this).parent().hasClass("on")) {
                    $(this).parent().removeClass("on");
                    $(this).parents(".list")
                        .find(".dropdown")
                        .removeClass("on");
                } else {
                    $(this).parent().addClass("on").siblings().removeClass("on");
                    $(this).parents(".list")
                        .find(".dropdown")
                        .eq(index)
                        .addClass("on")
                        .siblings()
                        .removeClass("on");
                }

                //为".drop-shop>ul>li>a"添加事件
                $("#shop li>a").on("click", function(){
                    //console.log(1);
                    $(this).parent()
                        .addClass("on")
                        .siblings()
                        .removeClass("on")
                        .parents(".dropdown")
                        .removeClass("on");
                    shopId = $(this).parent().attr("data-shop");
                    //console.log(shopId);

                    //选取店铺时，顶部标题部位做相应切换
                    $(".filter li[class='on']>a>em").html($(this).html());

                    //调用函数，传入参数shopId、areaId，获取数据
                    getProduct(shopId, areaId);
                });

                //为".drop-location>ul>li>a"添加事件
                $("#area li>a").on("click", function() {
                    $(this).parent()
                        .addClass("on")
                        .siblings()
                        .removeClass("on")
                        .parents(".dropdown")
                        .removeClass("on");;
                    areaId = $(this).parent().attr("data-area");
                    //console.log(areaId);

                    //选取店铺时，顶部标题部位做相应切换
                    var txt = $(this).html().substr(0,2);
                    //console.log(txt);
                    $(".filter li[class='on']>a>em").html(txt);

                    //调用函数，传入参数shopId、areaId，获取数据
                    getProduct(shopId, areaId);
                })



                //为".drop-price>ul>li>a"添加事件
                $("#price li>a").on("click", function() {
                    $(this).parent()
                        .addClass("on")
                        .siblings()
                        .removeClass("on");
                    priceId = $(this).parent().index();
                    //console.log(areaId);
                })
            });
        });
    }

    //为右侧搜索按钮添加事件,当点击搜索按钮时，显示出搜索弹框，并且左侧所有的筛选栏全部隐藏
    function getSearch() {
        $(".search>a").on("click", function(){
            //console.log(2);
            $(this).parent()
                .siblings(".dropdown")
                .removeClass("on");

            //pop-search显示
            $(".pop-search").toggleClass("on");

            //改变内部选项的颜色
            $(".clearfix a").on("click", function(){
                $(this).parent()
                    .addClass("current-click")
                    .siblings()
                    .removeClass("current-click");
            });
        });
    }

    //获取凑单品店铺信息
    function getShopInfo() {
        $.ajax({
            url: "http://139.199.157.195:9090/api/getgsshop",
            type: "GET",
            dataType: "json",
            success: function(info){
                var shopInfo = template("shopTpl", info);
                //console.log(shopInfo);
                $("#shop>ul").html(shopInfo);
            }
        });
    }

    //获取凑单品区域信息
    function getShopArea() {
        $.ajax({
            url: "http://139.199.157.195:9090/api/getgsshoparea",
            type: "GET",
            dataType: "json",
            success: function(info) {
                var shopArea = template("areaTpl", info);
                //console.log(shopArea);
                $("#area>ul").html(shopArea);
            }
        });
    }

    //获取凑单品商品列表
    function getProduct(shopId, areaId) {
        $.ajax({
            url: "http://139.199.157.195:9090/api/getgsproduct?shopid=" + shopId + "&areaid=" + areaId + "",
            type: "GET",
            dataType: "json",
            success: function(info) {
                var product = template("productTpl", info);
                //console.log(product);
                $("#product>ul").html(product);
            }
        });
    }

    //搜索弹框
    $(".pop-search a").on("click", function(){
        $(this).parents(".pop-search").removeClass("on");
    });


});